<template>
	<div >
		<div class="l-title">			
			<router-link to="/" >
				<img src="http://pub.szzhangchu.com/web/v4.2/images/ico/ico-back-black.png" />
			</router-link>
			<ul class="l-tab">
				<router-link to="/Meishi/Lfood">
					<li>美食IP</li>				
				</router-link>			
				<router-link to="/Meishi/Lhealth">
					<li>健康IP</li>
				</router-link>	
				<router-link to="/Meishi/Ltaiwan">
					<li>台湾IP</li>
				</router-link>	
			</ul>		
			<div>
				<router-link to="/Lsearch">
					<img src="http://pub.szzhangchu.com/web/v4.2/images/ico/ico-search-gray.png"/>
				</router-link>		
				<img src="http://pub.szzhangchu.com/web/v4.2/images/ico/menu.png" id="ms-more"/>	
			</div>
		</div>
		<div style="height: .8rem;width: 100%;"></div>		
		<router-view ></router-view>		
	</div>
	
	
</template>


<script>
	 export default {	
	 	mounted : function () {
	 		var a = 1;
			$("#ms-more").click(function () {			
				a++;			
				if (a%2 == 0) {
					$("#chxia").css("left","3.5rem");
				}else {
					$("#chxia").css("left","0");
				}					
			});		
	 	}
	}
	
</script>


<style>
	@import  "../assets/liuhuan/meishi.css"		
</style>